<ng-container *ngIf="tagData.formType === 'photoVideoSelectWidget'">
  <div class="photo-video-select-bg" [ngStyle]="tagData.cssStyle| styleFilter">
    <div class="photo-video-bg" [ngStyle]="tagData.valueCssStyle | styleFilter">
      <span class="label" [ngStyle]="tagData.labelCssStyle | styleFilter"[ngClass]="{'hidden-video': tagData.subHtmlObj[1].hidden, 'hidden-photo': tagData.subHtmlObj[0].hidden}"><i [innerHTML]="tagData.label | parseStyle"></i><i [ngStyle]="tagData.placeholderCssStyle | styleFilter" class="placeholder" *ngIf="tagData.placeHolder && tagData.placeHolder.length> 0" [innerHTML]="tagData.placeHolder | parseStyle"></i><i class="error-tip" *ngIf="errorCheckedForPhotoVideoWidget()">{{errorCheckedForPhotoVideoWidget()}}</i></span>
     
      <ng-container *ngIf="isNative ; else elseTemplatePhotoWeb">
        <div class="photo-select-bg" [ngStyle]="tagData.subHtmlObj[0].imgCssStyle | styleFilter" [ngClass]="{'hidden': tagData.subHtmlObj[0].hidden}" appDebounceClick (debounceClick)=" tagData.valueArray.length < maxSize ? presentAction() : null">

          <img class="item" *ngIf="tagData.valueArray.length > 0" src="{{tagData.valueArray[0].path}}" />
          <img class="add" *ngIf="tagData.valueArray.length == 0" src='../assets/icon/Add pictures_icon_style2@3x.png' />
          <span *ngIf="tagData.valueArray.length === 0" class="add-text" [ngStyle]="tagData.subHtmlObj[0].labelCssStyle | styleFilter">{{tagData.subHtmlObj[0].label?tagData.subHtmlObj[0].label:'添加照片'}}</span>
          <span *ngIf="tagData.valueArray?.length > 0" class="photo-num">{{tagData.valueArray.length}}</span>
          <p *ngIf="tagData.valueArray?.length > 0" class="edit-img-video" appDebounceClick (debounceClick)="openImageModal($event)">编辑图片</p>
  
        </div>
      </ng-container>
      <ng-template #elseTemplatePhotoWeb>
        <input id="photo-select-{{tagData.formKey}}-{{currentTime}}" *ngIf="tagData.valueArray.length === 0" style="display: none;" type="file" accept="image/*" name="photo-select-{{tagData.formKey}}-{{currentTime}}" (change)="uploadFile($event)"  />
        <label for="photo-select-{{tagData.formKey}}-{{currentTime}}">
          <div class="photo-select-bg" [ngStyle]="tagData.subHtmlObj[0].imgCssStyle | styleFilter" [ngClass]="{'hidden': tagData.subHtmlObj[0].hidden}">

            <img class="item" *ngIf="tagData.valueArray.length > 0" src="{{tagData.valueArray[0].path}}" />
            <img class="add" *ngIf="tagData.valueArray.length == 0" src='../assets/icon/Add pictures_icon_style2@3x.png' />
            <span *ngIf="tagData.valueArray.length === 0" class="add-text" [ngStyle]="tagData.subHtmlObj[0].labelCssStyle | styleFilter">{{tagData.subHtmlObj[0].label?tagData.subHtmlObj[0].label:'添加照片'}}</span>
            <span *ngIf="tagData.valueArray?.length > 0" class="photo-num">{{tagData.valueArray.length}}</span>
            <p *ngIf="tagData.valueArray?.length > 0" class="edit-img-video" appDebounceClick (debounceClick)="openImageModal($event)">编辑图片</p>
    
          </div>
        </label>
        
      </ng-template>
      
      <ng-container *ngIf="isNative ; else elseTemplate">
        <div class="video-select-bg " [ngStyle]="tagData.subHtmlObj[1].imgCssStyle | styleFilter" [ngClass]="{'hidden': tagData.subHtmlObj[1].hidden, 'hidden-photo': tagData.subHtmlObj[0].hidden}" appDebounceClick (debounceClick)="presentVideoAction()">

          <img class="item" *ngIf="tagData?.subHtmlObj[2] && tagData.subHtmlObj[2].value?.length > 1 " src='{{tagData.subHtmlObj[2] && tagData.subHtmlObj[2].value}}' />
        
          <img class="del-icon" *ngIf="(tagData?.subHtmlObj[2] && tagData.subHtmlObj[2].value?.length > 1 )" src='../assets/fw/icon_del@3x.png'  appDebounceClick (debounceClick)="delVideo($event)" [ngStyle]="tagData.endIconCssStyle | styleFilter"/>
  
          <img class="add" *ngIf="tagData.subHtmlObj[1] && tagData.subHtmlObj[2].value?.length==0 " src='../assets/icon/Add pictures_icon_style2@3x.png' />
          <span *ngIf="tagData.subHtmlObj[1] && tagData.subHtmlObj[2].value?.length==0 " [ngStyle]="tagData.subHtmlObj[1].labelCssStyle | styleFilter" class="add-text">{{tagData.subHtmlObj[1].label?tagData.subHtmlObj[1].label:'添加视频'}}</span>
  
        </div>
      </ng-container>
      <ng-template #elseTemplate>
        <div class="video-select-bg " [ngStyle]="tagData.subHtmlObj[1].imgCssStyle | styleFilter"  [ngClass]="{'hidden': tagData.subHtmlObj[1].hidden,'hidden-photo': tagData.subHtmlObj[0].hidden}" >
          <input id="video-select-{{tagData.subHtmlObj[1].formKey}}-{{currentTime}}"  style="display: none;" type="file" accept="video/*" name="video-select{{tagData.subHtmlObj[1].formKey}}-{{currentTime}}" (change)="uploadFileForWeb($event,'video')" />
          <label for="video-select-{{tagData.subHtmlObj[1].formKey}}-{{currentTime}}">
            <div style="display: flex; flex-direction: column;align-items: center;justify-content: space-evenly;width: 6.25rem;height: 6.25rem;" [ngStyle]="tagData.subHtmlObj[1].itemListCssStyle | styleFilter">
              <img class="item" *ngIf="tagData?.subHtmlObj[2] && tagData.subHtmlObj[2].value?.length > 1 " src='{{tagData.subHtmlObj[2] && tagData.subHtmlObj[2].value}}' />
        
              <img class="del-icon" *ngIf="(tagData?.subHtmlObj[2] && tagData.subHtmlObj[2].value?.length > 1 )" src='../assets/fw/icon_del@3x.png'  appDebounceClick (debounceClick)="delVideo($event)" [ngStyle]="tagData.endIconCssStyle | styleFilter"/>
     
              <img class="add" *ngIf="tagData.subHtmlObj[1] && tagData.subHtmlObj[2].value?.length==0 " src='../assets/icon/Add pictures_icon_style2@3x.png' />
              <span *ngIf="tagData.subHtmlObj[1] && tagData.subHtmlObj[2].value?.length==0 " [ngStyle]="tagData.subHtmlObj[1].labelCssStyle | styleFilter" class="add-text">{{tagData.subHtmlObj[1].label?tagData.subHtmlObj[1].label:'添加视频'}}</span>
            </div>
            
            
          </label>
        </div>
      </ng-template>
      
      <p *ngIf="tagData.extra" [ngStyle]="tagData.extraCssStyle | styleFilter" class="extra">{{tagData.extra}}</p>
    </div>
    <div class="video-tips-bg" *ngIf="tagData.tips && tagData.tips.length && tagData.subHtmlObj[1] && tagData.subHtmlObj[1].value?.length==0">
      <img src="../assets/fw/icon-video-tip.png" alt="" class="icon">
      <span class="video-tip" >{{tagData.tips}}</span>
    </div>

    <hr *ngIf="tagData.lines !== 'none'" style="border-bottom: solid 0.03rem #EBEBED;margin-top:1.25rem;">
  </div>
</ng-container>
<ng-container *ngIf="tagData.formType === 'photoSelectWidget'">
  <div class="select-bg" [ngStyle]="tagData.showValueCssStyle | styleFilter" [ngClass]="{'select-bg-center': tagData.label && tagData.label.length > 0}" *ngIf="tagData.valueArray.length > 0 || !tagData.disabled">
    <p *ngIf="tagData.showValue && tagData.showValue.length > 0" class="photo-title"  [innerHTML] = "tagData.showValue | parseStyle" [ngStyle]="tagData.labelCssStyle | styleFilter"></p>
    <p *ngIf="tagData.label && tagData.label.length > 0" class="photo-label" [innerHTML] = "tagData.label | parseStyle" [ngStyle]="tagData.labelCssStyle | styleFilter"></p>
    <ul class="ul-photo" [ngStyle]="tagData.background | styleFilter" >
      <li *ngIf="isNative && tagData.valueArray.length < maxSize && !tagData.disabled" class="item-photo" appDebounceClick (debounceClick)=" tagData.valueArray.length < maxSize ? presentAction() : null" [ngStyle]="tagData.cssStyle | styleFilter" [ngClass]="{'item-photo-add-center': tagData.valueArray.length === 0 && tagData.hasBorder}">
        <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; height: 5rem;" [ngStyle]="tagData.valueCssStyle | styleFilter" >
          <ng-container *ngIf="tagData.leftIcon; else elseDefLeftIcon">
            <img class="add" src='{{tagData.leftIcon}}' [ngStyle]="tagData.leftIconCssStyle | styleFilter" />
          </ng-container>
          <ng-template #elseDefLeftIcon>
            <img class="add" src='../assets/icon/Add pictures_icon_style2@3x.png' [ngStyle]="tagData.leftIconCssStyle | styleFilter" />  
          </ng-template>
          <p *ngIf="tagData.extra" class="extra" [ngStyle]="tagData.extraCssStyle | styleFilter" >{{tagData.extra}}</p>

        </div>
        
        <!-- <p *ngIf="tagData.valueArray.length === 0" class="tip">{{tagData.placeHolder}}</p> -->
      </li>
      <li *ngIf="!isNative && tagData.valueArray.length < maxSize && !tagData.disabled"  class="item-photo" [ngStyle]="tagData.cssStyle | styleFilter" [ngClass]="{'item-photo-add-center': tagData.valueArray.length === 0 && tagData.hasBorder}">

        <ng-container *ngIf="forPdf; else elseTemplateNotPDF">
          <input id="photo-select-{{tagData.formKey}}-{{currentTime}}" *ngIf="tagData.valueArray.length < maxSize" style="display: none;" type="file" accept=".pdf" name="photo-select-{{tagData.formKey}}-{{currentTime}}" (change)="uploadFileForWeb($event,'pdf')"  />
        </ng-container>
        <ng-template #elseTemplateNotPDF>
          <input id="photo-select-{{tagData.formKey}}-{{currentTime}}" *ngIf="tagData.valueArray.length < maxSize" style="display: none;" type="file" accept="image/*" name="photo-select-{{tagData.formKey}}-{{currentTime}}" (change)="uploadFile($event)"  />  
        </ng-template>
        
        
        <label for="photo-select-{{tagData.formKey}}-{{currentTime}}">
          <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; height: 5rem;" [ngStyle]="tagData.valueCssStyle | styleFilter" >
            <ng-container *ngIf="tagData.leftIcon; else elseDefLeftIcon">
              <img class="add" src='{{tagData.leftIcon}}' [ngStyle]="tagData.leftIconCssStyle | styleFilter" />
            </ng-container>
            <ng-template #elseDefLeftIcon>
              <img class="add" src='../assets/icon/Add pictures_icon_style2@3x.png' [ngStyle]="tagData.leftIconCssStyle | styleFilter" />  
            </ng-template>

            <p *ngIf="tagData.extra" [ngStyle]="tagData.extraCssStyle | styleFilter" class="extra">{{tagData.extra}}</p>

          </div>

        </label>

      </li>
      <p *ngIf="tagData.valueArray.length === 0 && !tagData.disabled" class="tip" [ngStyle]="tagData.placeholderCssStyle | styleFilter" [innerHTML]="tagData.placeHolder | parseStyle"></p>
      <ng-container *ngIf="forPdf; else elseTemplateNotPDF">
        <li class="item-photo" [ngStyle]="tagData.cssStyle | styleFilter"  *ngFor="let item of tagData.valueIndexArray, let i=index " appDebounceClick (debounceClick)="choosePhoto(i)">
          <img class="item-add" src="{{item.path}}"  [ngStyle]="tagData.valueCssStyle | styleFilter" />
          <!-- 修改公司资料 -->
          <span class="edit" [ngStyle]="tagData.editCssStyle | styleFilter"  *ngIf="!tagData.disabled && maxSize === 1 && tagData.label && tagData.label.length > 0">重新上传</span>
          <img class="del-icon" *ngIf="tagData.delete" [ngStyle]="tagData.endIconCssStyle | styleFilter" src='../assets/fw/icon_del@3x.png'  appDebounceClick (debounceClick)="delImg($event,item)"/>
        </li>
      </ng-container>
      <ng-template #elseTemplateNotPDF>
        <li class="item-photo" [ngStyle]="tagData.cssStyle | styleFilter"  *ngFor="let item of tagData.valueArray, let i=index " appDebounceClick (debounceClick)="choosePhoto(i)">
          <img class="item-add" src="{{item.path}}"  [ngStyle]="tagData.valueCssStyle | styleFilter" />
          <!-- 修改公司资料 -->
          <span class="edit" [ngStyle]="tagData.editCssStyle | styleFilter"   *ngIf="!tagData.disabled && maxSize === 1 && tagData.label && tagData.label.length > 0">重新上传</span>
          <img class="del-icon" *ngIf="tagData.delete" [ngStyle]="tagData.endIconCssStyle | styleFilter" src='../assets/fw/icon_del@3x.png'  appDebounceClick (debounceClick)="delImg($event,item)"/>
          <p *ngIf="forTextInput" appDebounceClick (debounceClick)="textClick($event)" style="display: flex;align-items: center;height: 2.06rem;border-bottom: #EDEDED solid 0.03rem;">
            <img src="{{tagData.icon}}" alt="" style="width:0.75rem;height: 0.75rem;margin-right: 0.25rem;">
            <ion-input value="{{tagData.valueIndexArray[i]}}" style="--padding-end: 0;font-size: 0.81rem;color: #222222;" id="{{tagData.formKey}}_{{i}}" type="text" placeholder="填写资质证明" (ionBlur)="changeValue($event,i)"></ion-input>
          </p>
        </li>
      </ng-template>

     
      
    </ul>
    <p class="tips" *ngIf="tagData.tips && tagData.tips.length">{{tagData.tips}}</p>
    
  </div>
  <hr *ngIf="tagData.lines !== 'none'" style="border-bottom: solid 0.03rem #EBEBED;margin: 0 1.25rem;">
</ng-container>

<ng-container *ngIf="tagData.formType === 'avatarSelectWidget'">
  <div class="avatar-select-bg" [ngStyle]="tagData.cssStyle | styleFilter">
    
    <p *ngIf="tagData.label && tagData.label.length > 0" class="avatar-label" [ngStyle]="tagData.labelCssStyle | styleFilter" [innerHTML] = "tagData.label | parseStyle"></p>
    <img *ngIf="isNative" [ngStyle]="tagData.valueCssStyle | styleFilter" appDebounceClick (debounceClick)="!tagData.disabled ? presentAction() : null" class="avatar" src="{{tagData.value}}" />

  
    <input *ngIf="!isNative" id="photo-select-{{tagData.formKey}}-{{currentTime}}" style="display: none;" type="file" accept="image/*" name="photo-select-{{tagData.formKey}}-{{currentTime}}" (change)="uploadFile($event)"  />
    <label  *ngIf="!isNative" for="photo-select-{{tagData.formKey}}-{{currentTime}}">
      <img class="avatar" [ngStyle]="tagData.valueCssStyle | styleFilter" src="{{tagData.value}}" />
    </label>
    <i class="detail-icon" [ngStyle]="tagData.endIconCssStyle | styleFilter"></i>
  </div>
  <hr *ngIf="tagData.lines !== 'none'" style="border-bottom: solid 0.03rem #EBEBED;margin: 0 1.25rem;">
</ng-container>

<ng-container *ngIf="tagData.formType === 'addReleasePhoto'">
  <div class="banner-img-supper" [ngStyle]="tagData.cssStyle | styleFilter">
    <div class="banner-img" [style.background-image]="getBackground(tagData.valueArray?.length ? tagData.valueArray[0].path : '')"  >
      <input id="img_upload-{{tagData.formKey}}-{{currentTime}}" style="display: none;" type="file" accept="image/*" name="img_upload{{tagData.formKey}}-{{currentTime}}" *ngIf="!isNative && !img?.length" (change)="uploadFile($event)" multiple />
      <label for="img_upload-{{tagData.formKey}}-{{currentTime}}" class="img_label" *ngIf="!isNative && !tagData.valueArray?.length">
        <ng-container *ngIf="tagData.leftIcon; else elseDefLeftIcon">
          <img class="add" src='{{tagData.leftIcon}}' [ngStyle]="tagData.leftIconCssStyle | styleFilter" />
        </ng-container>
        <ng-template #elseDefLeftIcon>
          <i class="img" [ngStyle]="tagData.leftIconCssStyle | styleFilter"></i>
        </ng-template>
        
      </label>
      <label for="img_upload{{tagData.formKey}}" class="img_label" *ngIf="isNative && !tagData.valueArray?.length" appDebounceClick (debounceClick)="presentAction()">
        <ng-container *ngIf="tagData.leftIcon; else elseDefLeftIcon">
          <img class="add" src='{{tagData.leftIcon}}' [ngStyle]="tagData.leftIconCssStyle | styleFilter" />
        </ng-container>
        <ng-template #elseDefLeftIcon>
          <i class="img" [ngStyle]="tagData.leftIconCssStyle | styleFilter"></i>
        </ng-template>
      </label>
      <p *ngIf="!tagData.valueArray?.length" class="title" [ngStyle]="tagData.extraCssStyle | styleFilter">{{tagData.extra}}</p>
      <p *ngIf="!tagData.valueArray?.length" class="title" [ngStyle]="tagData.placeholderCssStyle | styleFilter">{{tagData.placeHolder}}</p>
      <!-- <p  *ngIf="!tagData.valueArray?.length" class="tip">想转店更快？快上传照片吧！</p> -->
      <p *ngIf="tagData.valueArray?.length" class="edit-img" appDebounceClick (debounceClick)="openImageModal()">编辑图片</p>
    </div>
  </div>
  
</ng-container>

<ng-container *ngIf="tagData.formType === 'fileSelectWidget'">
  <div class="select-file-bg" [ngStyle]="tagData.cssStyle | styleFilter">
  
    <p *ngIf="tagData.label && tagData.label.length > 0" class="photo-label" [innerHTML]="tagData.label | parseStyle" [ngStyle]="tagData.labelCssStyle | styleFilter"></p>
    <p *ngIf="tagData.tips && tagData.tips.length > 0" class="" [innerHTML]="tagData.tips | parseStyle" [ngStyle]="tagData.tipsCssStyle | styleFilter"></p>
  
    <div *ngIf="isNative && tagData.valueArray.length < maxSize " class="" appDebounceClick (debounceClick)="uploadAllFile()" [ngStyle]="tagData.placeholderCssStyle | styleFilter">
      <div style="display: flex; flex-direction: column; align-items: center; justify-content: center;" [ngStyle]="tagData.background | styleFilter">
        <img *ngIf="tagData.leftIcon" class="add" src='{{tagData.leftIcon}}' [ngStyle]="tagData.leftIconCssStyle | styleFilter" />
        <p *ngIf="tagData.extra" class="extra" [ngStyle]="tagData.extraCssStyle | styleFilter">{{tagData.extra}}</p>
  
      </div>
  
      <!-- <p *ngIf="tagData.valueArray.length === 0" class="tip">{{tagData.placeHolder}}</p> -->
    </div>
    <div *ngIf="!isNative && tagData.valueArray.length < maxSize" class="" [ngStyle]="tagData.placeholderCssStyle | styleFilter">
      <input id="photo-select-{{tagData.formKey}}-{{currentTime}}" style="display: none;" type="file" accept="{{tagData.textType}}" name="photo-select-{{tagData.formKey}}-{{currentTime}}" (change)="uploadAllFileForWeb($event)" />
      <label for="photo-select-{{tagData.formKey}}-{{currentTime}}">
        <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; " [ngStyle]="tagData.background | styleFilter">
          <img *ngIf="tagData.leftIcon" class="add" src='{{tagData.leftIcon}}' [ngStyle]="tagData.leftIconCssStyle | styleFilter" />
  
          <p *ngIf="tagData.extra" [ngStyle]="tagData.extraCssStyle | styleFilter" class="extra">{{tagData.extra}}</p>
  
        </div>
  
      </label>
  
    </div>  
    <ng-container *ngFor="let it of tagData.valueArray; let i = index;">
      <div class="item-file" [ngStyle]="tagData.valueCssStyle | styleFilter" >
        <div class="file-bg" [ngStyle]="tagData.showValueCssStyle| styleFilter">{{tagData.valueLongArray[i]}}</div>
        <span class="file-name" [ngStyle]="tagData.valueNCssStyle | styleFilter">{{tagData.valueIndexArray[i]}}</span>
        <span class="del-label" *ngIf="tagData.delete" [ngStyle]="tagData.editCssStyle | styleFilter" appDebounceClick (debounceClick)="delFile($event,it)">删除</span>
      </div>
    </ng-container>
    

    
  
  </div>
  
</ng-container>